{% extends '__base_local__.html' %}

{% block title %}首页{% endblock %}
{% block beforehead %}
<!-- <script src="https://unpkg.com/vue@next"></script> -->
<script src="static/vue.global.js.js"></script>
{% endblock %}
{% block content %}
<!-- Content Header (Page header) -->

<section class="content-header">
    <h1>
        Dashboard
        <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="/"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
    </ol>
</section>

<div class="container">
    <div class="row">
        <div class="col">
            <h1>Index Local</h1>
        </div>
        <a class="" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
            Link with href
        </a>
        <div class="collapse" id="collapseExample">
            <div class="card card-body">
                Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
            </div>
        </div>
    </div>
</div>
</div>
<script>
    let showrs = {
        // data返回值是暴露的属性
        data() {
            return {
                // path: ['/root'],
                prefix: 'vue',
            }
        },
        props: ['data'],
        methods: {
        },
        delimiters: ['+{', '}'],
        template: `
            <div class="row">
                <div class="col-md-8 accordion" id="accordionRecord">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                Collapsible Group Item #1
                                </button>
                            </h2>
                        </div>
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                            <div class="card-body">
                                Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the <code>.show</code> class.
                            </div>
                        </div>
                    </div>
                </div>
            </div>`,
        mounted() {

        },
    }
</script>
{% endblock %}

{% block beforebody %}
<script>

</script>
{% endblock %}